<template>
  <view class="">
    <u-modal v-model="show" :title-style="{color: 'red'}" :mask-close-able="true" show-cancel-button="true" @confirm="confirm()" @cancel="close()">
      <view class="slot-content">
        <rich-text style="text-align: center;" :nodes="concent"></rich-text>
      </view>
    </u-modal>
  </view>
</template>

<script>
  export default {
    name:"my-userinfo",
    data() {
      return {
        show:'',
        concent:'',
        item:null,
      };
    },
    methods:{
      // 开启对话框
      open(e,item) {
        console.log(e)
        if(e==='mydesign'){
          this.concent='确定要删除此设计方案吗？'
        }else if(e==="deleAddres"){
          this.concent='确定要删除此收货地址吗？'
        }else if(e==="AIGC"){
          this.concent='创作点余额不足，是否充值 ？'
        }else if(e==="aigcDelete"){
          this.concent='是否确定永久删除此作品 ？'
        }
        this.item=item
        this.show=true
      },

      // 点击取消按钮触发
     close() {
         this.item=null
         this.show=false
     },
     /**点击确认按钮触发*/
     confirm() {
         this.$emit("popupClick",this.item)
         this.show=false
     }
    },
  }
</script>

<style lang="less" scoped>
  .slot-content {
  		font-size: 28rpx;
  		margin: 40rpx 0 60rpx;
  	}
</style>
